<template>
<div class="et-corner-mark" :style="{ 'background-color': bgColor }">
  <et-icon v-if="isLocked" :name="lockedIcon" />
  <span v-else>{{ initial }}</span>
</div>
</template>

<script>
import { EtIcon } from '../../widgets';

export default {

  components: {
    EtIcon
  },

  props: {
    bgColor: {
      type: String,
      required: true
    },
    isLocked: {
      type: Boolean
    },
    lockedIcon: {
      type: String,
      default: 'lock'
    },
    initial: {
      type: String,
      required: true
    }
  }

};
</script>
